﻿<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="ZakaLogin.aspx.vb" Inherits="ZakaFrontEnd.ZakaLogin" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>Login</title>
    <meta name="description" content="Demo of a Sliding Login Panel using jQuery 1.3.2" />
    <meta name="keywords" content="jquery, sliding, toggle, slideUp, slideDown, login, login form, register" />
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <!-- stylesheets -->
    <link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="css/slide.css" type="text/css" media="screen" />

    <script src="js/jquery.js" type="text/javascript"></script>

    <!-- Sliding effect -->

    <script src="js/slide.js" type="text/javascript"></script>

    <link rel="shortcut icon" href="images/favicon.ico" />
    <link rel="icon" type="image/gif" href="/images/animated_favicon1.gif" />
    <style type="text/css">
        .style1
        {
            width: 100%;
        }
        .style2
        {
            font-size: x-large;
            font-weight: bold;
            font-style: italic;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <!-- Panel -->
        <div id="toppanel">
            <div id="panel">
                <div class="content clearfix">
                    <div class="left">
                        <h1>
                            Member Login</h1>
                        <label class="grey" for="log">
                            Username:</label>
                        <input runat="server" class="field" type="text" id="txtUser" size="23" />
                        <label class="grey" for="pwd">
                            Password:</label>
                        <input class="field" runat="server" type="password" id="txtPwd" size="23" />
                        <div class="clear">
                        </div>
                        <input type="submit" runat="server" id="btnLogin" name="submit" value="Login" class="bt_login" />
                    </div>
                    <div class="left right">
                    </div>
                </div>
            </div>
            <!-- /login -->
            <!-- The tab on top -->
            <div class="tab">
                <ul class="login">
                    <li class="left">&nbsp;</li>
                    <li id="toggle"><a id="open" class="open" href="#">Log In | Register</a> <a id="close"
                        style="display: none;" class="close" href="#">Close</a> </li>
                    <li class="right">&nbsp;</li>
                </ul>
            </div>
            <!-- / top -->
        </div>
        <!--panel -->
        <!-- / container -->
    </div>
    <div class="centerdiv">
        <asp:Image ID="Image1" runat="server" ImageUrl="~/images/futsal-pitch.gif" />
    </div>
    </form>
</body>
</html>
